<section class="content" xmlns:th="http://www.thymeleaf.org">
	<div class="panel">
        <div class="panel-heading">
          	<form id="dataSourceSearchForm" role="form" class="form-inline form-search">
          		<div class="form-group">
			      <label class="control-label">连接名称：</label>
			      <input type="text" class="form-control" id="description">
			    </div>
			    <div class="form-group">
			      <label class="control-label">数据库名称：</label>
			      <input type="text" class="form-control" id="dbName">
			    </div>
			</form>
			<button type="button" id="addBtn" class="btn btn-success">
				<i class="fa fa-plus icon-right-5"></i>新增
			</button>
			<button type="button" id="delBtn" class="btn btn-danger">
				<i class="fa fa-trash-o icon-right-5"></i>删除
			</button>
	    	<button type="button" id="resetBtn" class="pull-right btn btn-default">
	        	<i class="fa fa-refresh icon-right-5"></i>重置
	    	</button>
	    	<button type="button" id="searchBtn" class="pull-right btn btn-primary icon-right-5">
	        	<i class="fa fa-search icon-right-5"></i>查询
	    	</button>
        </div>
       	<div class="panel-body">
        	<table id="dataSourceDataTable" class="table table-bordered table-hover">
        		<thead>
        			<tr>
        				<th><input type="checkbox" class="checkAll" onclick="checkAll(this)"/></th>
        				<th>连接名称</th>
						<th>数据库类型</th>
						<th>数据库名</th>
						<th>服务器IP</th>
						<th>端口号</th>
						<th>用户名</th>
						<th>密码</th>
        				<th>操作</th>
        			</tr>
        		</thead>
        	</table>
       	</div>
   	</div>
	<script th:src="@{/js/dataSource/dataSourceList.js}"></script>
</section>